@charset "utf-8";
/* CSS Document */
/* nền */
#nen{ background-color:#305983; min-height:960px;}
/* giao diện chính*/
.top img{ margin-top:10px;width:120px; height:80px;}
.top_right{ margin-top:10px; float:right; margin-right:30px; color:#FFF;}
.top_right a{ color:#FFF; text-decoration:none;}
.top_right img{ width:14px; height:14px; color:#FFF;}

/* Danh mục */
.danhmuc{ background:#4E68B2; width:120px; margin-left:10px; margin-top:20px; text-align:center;}
.danhmuc:hover{ background:#7094FF; width:120px; margin-left:10px; margin-top:20px;}
.danhmuc img{ width:80px; height:80px;}
.sanpham img{ width:100px; height:100px; margin-top:60px;}

/* cập nhật sản phẩm*/
.capnhatsanpham{ margin-top:140px; color:#FFF; }
.text2{ color:#FFF;}
#capnhat{ font-size:24px;}
.update{ border-radius:5px; width:250px; margin-top:5px;}
.click{ background-color:#09F; color:#FFF; border-radius:5px; border-color:#09F; width:150px; height:30px; margin-top:10px;}
.click:hover{ background-color:#09F; color:red; border-radius:5px; border-color:#09F; width:150px; height:30px; margin-top:10px;}
#chonloaisp{ border-radius:0px; margin-top:10px; border-color:#FFF;}

/* text */

.text1{ text-decoration:none; color:#FFF; min-height:150px;}

/* danh mục san phẩm */
#text {margin-top:60px; font-size:30px; color:#FFF; background:#005CB8; margin-bottom:20px; border-top-left-radius:10px; border-top-right-radius:10px;}
#text a{ margin-left:10px;}
.loaisp
{ 
	border-top-left-radius: 10px; 
	border-top-right-radius:10px; 
	text-decoration:none; 
	color:#FFF; 
	float:left; 
	background:#4E68B2; 
	width:125px; 
	margin-top:10px; 
	height:30px; 
	text-align:center;
}
.loaisp:hover
{ 
	text-decoration:none; 
	color:#FFF; 
	float:left; 
	background:#7094FF; 
	width:125px; height:30px; 
	text-align:center;
}
.loaisp a{ text-decoration:none; color:#FFF;}

#bang
{
	margin-right:10px;
	background:#FFFFD6;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	width:750px;
	text-align: center;
	border-collapse: collapse;
}

#bang tr th
{
	text-align:center;
}
#bang tbody tr td
{
	text-align:center;
}
#bang tbody tr td a
{
	text-decoration:none;
	color:#000;
}
#bang tbody tr:hover td
{
	text-align:center;
	background:#E6E6B8;
}


#top
{
	height:30px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:#00B8B8;
}
.edit_and_del img
{
	width:25px;
	height:25px;
}
/* Chi tiết đơn hàng */
#danhmucsp{ background:#00478F; min-height:450px; border-top-left-radius:10px; border-top-right-radius:10px;}
.anhsp img{ width:25; height:25px;}
#noidung{ margin-left:5px;}
#chitietdonhang{ margin-left:10px; color:#FFF;}
#textnd{ font-size:28px; color:#FFF;}
.textct{ font-size:18px; color:#9F9;}
.soluong{ text-align:center; width:50px;}
#chitiet{ margin-left:2px;}
#Nut_thayDoithongtin
{
	margin-left:200px;
	margin-top:20px;
	height:25px;
	color:white;
	background:#69F;
	width:150px;
	border:#69f;
	border-radius: 5px;
}
#Nut_thayDoithongtin:hover
{
	margin-left:200px;
	margin-top:20px;
	height:25px;
	color:red;
	background:#69F;
	width:150px;
	border:#69f;
	border-radius: 5px;
}
/* quản lý đơn hàng*/
.madh
{
	color:#000;
	text-decoration:none;
}
.text{ font-size:12px; margin-top:20px; color:#FFF;}


/*-----------------------------Chi tiêt khách hàng-----------------------------------*/
.Chu_lon
{
	margin-left:20px;
}
.Chu_lon a
{
	color:#62b4cf;
	font-size:18px;
}
.Chu_nho
{
	color:white;
}
/*-------------------------thay đổi thông tin member--------------------------*/
.thayDoi_thongTin
{
	margin-bottom:10px;
	width:200px;
}
.thayDoi_thongTin_diachi
{
	width:200px;
	height:70px;
}
#nut_xacnhan_thaydoi
{
	height:25px;
	width:100px;
	background:#69F;
	margin-left:130px;
	float:left;
	color:#FFF;
	border:#69f;
	border-radius:5px;
}
#nut_xacnhan_thaydoi:hover
{
	height:25px;
	width:100px;
	background:#69F;
	margin-left:130px;
	float:left;
	color:red;
	border:#69f;
	border-radius:5px;
}
#nut_huy
{
	color:#FFF;
	margin-left:10px;
	width:100px;
	height:25px;
	background:#69F;
	border:#69f;
	border-radius:5px;
}
#nut_huy:hover
{
	color:red;
	margin-left:10px;
	width:100px;
	height:25px;
	background:#69F;
	border:#69f;
	border-radius:5px;
}
